<template>
	<view class="content">
		<view style="height: 1rpx;"></view>
		
		<view class="search">
			<view class="img">
				<image src="/subpageA/static/img/my_slices/Frame@2x(1).png" mode="scaleToFill"></image>
			</view>
			<input class="input" type="text" placeholder="搜一搜自己的学校" name="" id="">
		</view>
		<view class="school" v-for="item,index in schoolList" :key="index" 
		@click="chooseSchool(item)">
			<image src="/subpageA/static/img/my_slices/Frame@2x.png" mode="scaleToFill"></image>
			<span>{{item}}</span>
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				schoolList:['东莞理工学院','广东医科大学','东莞职业技术学院']
			};
		},
		methods:{
			chooseSchool(school){
				this.$bus.$emit('chooseSchool',school);
				uni.navigateBack({
					
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		width: 100%;
		height: 100vh;
		background-color: #FFFFFF;
		
		.search{
			display: flex;
			margin: 32rpx;
			margin-bottom: 0;
			padding-bottom: 32rpx;
			border-bottom: 1px solid #F3F7F8;
			.img{
				display: flex;
				justify-content: center;
				align-items: center;
				width: 80rpx;
				height: 80rpx;
				background: #F3F7F8;
				border-radius: 4px 0px 0px 4px;
				image{
					width: 32rpx;
					height: 32rpx;
				}
			}
			
			.input{
				display: inline-block;
				height: 80rpx;
				width: 606rpx;
				background: #F3F7F8;
				border-radius: 0px 4px 4px 0px;
			}
		}
	
		.school{
			display: flex;
			align-items: center;
			margin:0 32rpx;
			height: 96rpx;
			border-bottom: 1px solid #F3F7F8;
			font-size: 14px;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #001A18;
			image{
				margin:24rpx;
				width: 32rpx;
				height: 32rpx;
				vertical-align: -4rpx;
			}
			span{
				display: inline-block;
				width: 500rpx;
			}
		}
	
	}
</style>
